<template>
  <top-nav />
  <header-nav />
  <header-sticky />

  <main>
    <!-- 二级路由 -->
    <router-view></router-view>
  </main>
  <app-footer />
</template>

<script>
import topNav from '@/components/app-topnav.vue'

import headerNav from '@/components/app-header.vue'

import appFooter from '@/components/app-footer.vue'

import headerSticky from '@/components/app-header-sticky.vue'
// 布局容器
export default {
  name: 'xtx-layout',
  components: {
    topNav,
    headerNav,
    appFooter,
    headerSticky
  }
}
</script>

<style scoped lang="less">
footer {
  background-color: @sucColor;
  .hoverShadow();
}
</style>
